.clear {
    clear:both;
}
/* reset */
body {
    margin:0;
    padding:0;
    font-family:'microsoft yahei', '文泉驿微米黑', 'simsun', 'cambria math';
}
option, input[type=submit], input[type=reset] {
    font-size:1em;
}
a {
    text-decoration:none;
    color:#000;
}
p {
    margin:0 0 1em 0;
    text-indent:2em;
}
p.not_new {
    text-indent:0;
}

/* layout */
.area1 {
    /*width:10%;*/
    width:4em;
    float:left;
    text-align:center;
}
.area2 {
    width:4em;
    text-align:center;
    float:right;
}
.area3 {
    margin: 0 4em;
    background:#E8ECEC;
    padding:0.4em;
    line-height:1.2em;
}

/* */
.area1 .g_plus_one {
    margin:0 0 0 1em;
}
.area1 ul {
    list-style:none;
    margin:0;
    padding:0;
}
.area1 a {
    font-size:3em;
    border:1px solid #A4A4A4;
    display:block;
    width:1.2em;
    margin:0.1em 0.04em;
    color:#444;
}
.area1 a:hover {
    background:#BFC4C4;
    border-color:#929292;
}
.area3 .content {
    border:1px solid #ddd;
    padding:1em 1em 0 1em;
}
.area3 .light_on {
    color:#000;
    background:#fff;
}
.area3 .light_off {
    color:#eee;
    background:#333;
}
.area2 a {
    font-size:3em;
    color:#fff;
    height:4em;
    line-height:4em;
    background:#98A0A4;
    display:block;
    width:1em;
    margin:0.1em auto;
}
.area2 a:hover {
    background:#758085;
}
.page_books_index, .page_article_read {
    background:#CBCFCF;
}
.page_books_index ul {
    list-style:none;
    margin:0;
}
.page_books_index ul a {
    display:block;
    line-height:3em;
    border:1px solid #A4A4A4;
    color:#444;
    margin:0.4em;
    width:10em;
    float:left;
}
.page_books_index ul a:hover {
    background:#BFC4C4;
    border-color:#929292;
}
.permission_index {
    border:1em solid #929292;
    width:60%;
    margin:1em auto;
    padding:1em;
}
.permission_index form .warning img {
    float:left;
    width:250px;
}
.permission_index form .warning .msg {
    margin-left:300px;
}
.permission_index form .location ul {
    list-style:none;
    margin:0;
}
.permission_index form div.button {
    text-align:center;
    margin:1em 0 0 0;
}
.page_403 {
    width: 80%;
    margin:2em auto 0;
}
.page_403 .msg, .page_403 .guide {
    border-radius: 5px;
    border: 1px solid #A1B4D9;
    color: #666666;
    font-weight: bold;
    padding: 12px 0;
}
.page_403 .msg {
    background-color: #D2E3FB;
}
.page_403 .guide {
    margin: 1em 0 0 0;
}
.page_403 .msg p, .page_403 .guide p {
    margin:0;
}
